最简单的设置cookie的方法
document.cookie="password=123456";
用expires设置cookie过期时间
<script>
window.onload=function(){
var oDate=new Date();
oDate.setDate(oDate.getDate()+14);
document.cookie="username=yanyan;expires="+oDate;//用expires设置cookie的过期时间
// document.cookie="password=123456";
console.log(document.cookie);
}
</script>
封装设置cookie、获取cookie和删除cookie方法
<!DOCTYPE html>
<html>
<head>
<title>cookie封装</title>
<script>
function setCookie(name,value,iDay){//name名字value值iDay多少天过期
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);//参数传多少天,就过期多少天
document.cookie=name+"="+value+";expires="+oDate;
}
function getCookie(name){
var arr=document.cookie.split("; ");
for(var i=0; i<arr.length; i++){
var arr2=arr[i].split("=");
if(arr2[0]===name){
return arr2[1];
}
}
return "";//如果没找到返回空字符串。
}
function removeCookie(name){
setCookie(name,1,-1);//设置-1天过期,代表昨天已经过期
}
window.onload=function(){
setCookie("userName","yanyan",10);//cookie存一个userName=yanyan,10天之后过期
setCookie("password","123456",14);//14天之后过期
console.log(document.cookie);//记得用火狐测试
console.log(getCookie("userName"));
}
</script>
</head>
<body>
</body>
</html>
做一个小demo记住用户名
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>event兼容测试</title>
<script>
function setCookie(name,value,iDay){//name名字value值iDay多少天过期
var oDate=new Date();
oDate.setDate(oDate.getDate()+iDay);//参数传多少天,就过期多少天
document.cookie=name+"="+value+";expires="+oDate;
}
function getCookie(name){
var arr=document.cookie.split("; ");
for(var i=0; i<arr.length; i++){
var arr2=arr[i].split("=");
if(arr2[0]===name){
return arr2[1];
}
}
return "";//如果没找到返回空字符串。
}
function removeCookie(name){
setCookie(name,1,-1);//设置-1天过期,代表昨天已经过期
}
window.onload=function(){
var oForm=document.getElementById("form1");
var oUser=document.getElementsByName("user")[0];
oForm.onsubmit=function(){
setCookie("user",oUser.value,14);
}
oUser.value=getCookie("user");
}
</script>
</head>
<body>
<form id="form1" action="http://www.baidu.com">
用户名:
<input type="text" name="user" /><br>
密码:
<input type="password" name="pass" /><br>
<input type="submit" value="登录" />
</form>
</body>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。